<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="mui.css" rel="stylesheet" />
		<style type="text/css">
			#title{
				position: absolute;
				left: 0;
				top: 0;
				right:0;
				height: 44px;
				line-height: 44px;
				border-bottom: 1px solid #ddd;
			}
			#content{
				width: 100%;
				padding: 15px 15px 15px;
				border-bottom: 1px solid #ddd;
				overflow: hidden;
				position: relative;
			}
			#footer{
				width:100%;
				position: relative;
			}
			.left{
				float:left;
			}
			.right{
				float: right;
			}
			.mui-control-content {
				background-color: white;
				min-height: 400px;
			}
			.mui-slider .mui-slider-group .mui-slider-item{
				width: 225px;
			}
			.mui-slider .mui-slider-group .mui-slider-item img{
				width: 100%;
				height: 100%;
			}
			.mui-scroll{
				height: 100%;
			}
			.gxcontent{
				padding:0 15px;
			}
			/*星星*/
			ul, li, ol { list-style: none; }
			/* 重置文本格式元素 */
			a { text-decoration: none; cursor: pointer; color:#333333; font-size:14px;}
			a:hover { text-decoration: none; }
			.block{float: left;margin-top:10px;}
			.block .star_score{ float:left;}
			.attitudes{ padding-left:2px; line-height:12px; display:inline-block;font-size: 12px;}
			.star_score { background:url(stars2.png); width:60px; height:12px;  position:relative; }
			.star_score a{ height:12px; display:block; text-indent:-999em; position:absolute;left:0;}
			.star_score a:hover{ background:url(stars2.png);left:0;}
			.star_score a.clibg{ background:url(stars2.png);left:0;}
			#starttwo .star_score { background:url(starky.png);}
			#starttwo .star_score a:hover{ background:url(starsy.png);left:0;}
			#starttwo .star_score a.clibg{ background:url(starsy.png);left:0;}
			
			
		</style>
	</head>

	<body style="background-color: #fff;">
		<div id="content">
			<dl style="width: 100%;overflow: hidden;margin:0;">
				<dt class="left" style="width:80px;height: 80px;margin-right:15px;border-radius: 15px;border: 1px solid #007aff;padding:2px;">
					<img id="appIcon" src="" width="74" height="74" /> 
				</dt>
				<dd class="version" style="font-size: 16px;">app名称</dd>
				<dd class="author" style="font-size: 12px;color: #ccc;">app开发者></dd>
			</dl>
			<div style="position: absolute;right: 15px;bottom: 15px;left:110px;">
				<div id="startone"  class="block" >
			          <div class="star_score"></div>
			          <div class="attitudes left">(30)</div>
			  	</div>
				<button type="button" class="right mui-btn mui-btn-primary mui-btn-outlined" style="padding:4px 10px;" >
					<a id="download" href="javascript:alert('没有相关App');">
				更新</a>
				</button>
			</div>
		</div>
		<div id="footer" class="mui-slider">
			<p style="font-size: 18px;padding:15px;padding-bottom: 0;">
				更新日志
			</p>
			<p class="gxcontent">1. 更新日志内容</p>

		<script src="mui.js"></script>
		<script type="text/javascript" src="jquery-1.7.1.min.js" ></script>
		<script src="startScore.js"></script>
		<script type="text/javascript">		
			(function($){  
				$.getUrlParam = function(name) {  
					var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");  
					var r = window.location.search.substr(1).match(reg);  
					if (r!=null) return unescape(r[2]); return null;  
				}  
			})(jQuery); 
			mui.init({
				swipeBack: false
			})
			scoreFun($("#startone"),{
			           fen_d:6,//每一个a的宽度
			           ScoreGrade:10//a的个数 10或者
			         })
			$(function () {
				var u = navigator.userAgent, app = navigator.appVersion;
				var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
				var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				
				var appid = $.getUrlParam('appid');
				if(appid){
					$.getJSON("../"+ appid +"/update.json",function(item){
						document.title=item.appName;
						$(".version").html(item.appName+"（v" + item.verName + ")");
						$(".author").html(item.author);
						$(".gxcontent").html(item.log);
						$("#appIcon").attr("src","../"+appid+"/"+item.appIcon);
						if (isAndroid) {
							$("#download").attr("href",item.android);
						}
						if (isIOS) {
							$("#download").attr("href",item.ios);
						}
					})
				}else{
					alert("没有传appid");
				}
			});
			
			
		</script>
	</body>

</html>